<template>
    <div class="hb">
        <div class="wen-top">
            <van-nav-bar left-arrow title="H币入账消息"  @click-left="bank" > </van-nav-bar>
        </div>
        <div class="wen-wen">
            <div class="wen1">
                <div class="huan">您对患者鹿晗的问诊服务已经结束，H市已经成功入账!</div>
                <div class="time">2019年3月10日 17:21</div>
                <router-link to="mywallet">
                    <div class="liji">立即查看>></div>
                </router-link>
            </div>
            <div class="wen2">
                <div class="huan">您对患者王麻子的病友圈建议被采纳，恭喜您获得系统对
                    您的10H币奖励以及悬赏的30H币!
                </div>
                <div class="time">2019年2月20日 10:17</div>
                <div class="liji2">立即查看>></div>
            </div>
            <div class="wen3">
                <div class="huan">您对患者鹿晗的问诊服务已经结束，H市已经成功入账!</div>
                <div class="time">2019年2月20日 14:20</div>
                <div class="liji3">立即查看>></div>
            </div>
            <div class="wen4">
                <div class="huan">您对患者王麻子的病友圈建议被采纳，恭喜您获得系统对
                    您的10H币奖励以及悬赏的30H币!
                </div>
                <div class="time">2019年2月18日 10:17</div>
                <div class="liji4">立即查看>></div>
            </div>
            <div class="wen5">
                <div class="huan">您对患者座晗的问诊服务已经结束，H币已经成功入账!</div>
                <div class="time">2019年2月18日 14:20</div>
                <div class="liji5">立即查看>></div>
            </div>
            <div class="wen6">
                <div class="huan">您对患者王麻子的病友圈建议被采纳，恭喜您获得系统对
                    您的10H币奖励以及悬赏的30H币!
                </div>
                <div class="time">2019年2月20日 10:17</div>
                <div class="liji6">立即查看>></div>
            </div>
        </div>
    </div>
</template>

<script setup>
import { useRouter } from "vue-router";
const router = useRouter();
const bank = () => {
  router.go(-1);
};

</script>

<style lang="scss" scoped>
    .hb{
        width: 120%;
        height: 100vh;
        margin-left: -30px;
        margin-top: -20px;
        position: relative;
        .wen-top{
            width: 100%;
            height: 40px;
            border-bottom: solid 1px #cfcccc;
            .fanhui{
                width: 25px;
                height: 25px;
                margin: 5px 10px;
            }
            h3{
                position: absolute;
                top: 5px;
                left: 150px;
                font-weight: 600;
            }
        }
        .wen-wen{
            width: 100%;
            height: 600px;
            margin-top: 10px;
            .wen1{
                width: 325px;
                height: 70px;
                margin-left: 20px;
                margin-top: 30px;
                position: relative;
                border: solid 1px #c1bcbc;
                .huan{
                    font-size: 14px;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                }
                .time{
                    font-size: 14px;
                    position: absolute;
                    bottom: 1px;
                    left: 10px;
                    font-weight: 600;
                }
                .liji{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    font-size: 12px;
                    color: #559bed;
                }
            }
            .wen2{
                width: 325px;
                height: 70px;
                margin-left: 20px;
                margin-top: 30px;
                position: relative;
                border: solid 1px #c1bcbc;
                .huan{
                    font-size: 14px;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                }
                .time{
                    font-size: 14px;
                    position: absolute;
                    bottom: 1px;
                    left: 10px;
                    font-weight: 600;
                }
                .liji2{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    font-size: 12px;
                    color: #559bed;
                }
            }
            .wen3{
                width: 325px;
                height: 70px;
                margin-left: 20px;
                margin-top: 30px;
                position: relative;
                border: solid 1px #c1bcbc;
                .huan{
                    font-size: 14px;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                }
                .time{
                    font-size: 14px;
                    position: absolute;
                    bottom: 1px;
                    left: 10px;
                    font-weight: 600;
                }
                .liji3{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    font-size: 12px;
                    color: #559bed;
                }
            }
            .wen4{
                width: 325px;
                height: 70px;
                margin-left: 20px;
                margin-top: 30px;
                position: relative;
                border: solid 1px #c1bcbc;
                .huan{
                    font-size: 14px;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                }
                .time{
                    font-size: 14px;
                    position: absolute;
                    bottom: 1px;
                    left: 10px;
                    font-weight: 600;
                }
                .liji4{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    font-size: 12px;
                    color: #559bed;
                }
            }
            .wen5{
                width: 325px;
                height: 70px;
                margin-left: 20px;
                margin-top: 30px;
                position: relative;
                border: solid 1px #c1bcbc;
                .huan{
                    font-size: 14px;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                }
                .time{
                    font-size: 14px;
                    position: absolute;
                    bottom: 1px;
                    left: 10px;
                    font-weight: 600;
                }
                .liji5{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    font-size: 12px;
                    color: #559bed;
                }
            }
            .wen6{
                width: 325px;
                height: 70px;
                margin-left: 20px;
                margin-top: 30px;
                position: relative;
                border: solid 1px #c1bcbc;
                .huan{
                    font-size: 14px;
                    font-weight: 600;
                    position: absolute;
                    left: 10px;
                }
                .time{
                    font-size: 14px;
                    position: absolute;
                    bottom: 1px;
                    left: 10px;
                    font-weight: 600;
                }
                .liji6{
                    position: absolute;
                    right: 10px;
                    top: 45px;
                    font-size: 12px;
                    color: #559bed;
                }
            }
        }
    }
</style>